import React, { useEffect, useState } from 'react'
import EChartsReact from 'echarts-for-react';
import { Card } from 'antd';

type Props = {}

const HomeEchart = (props: Props) => {

    const option = {
        title: { text: '订单量趋势' },
        xAxis: {
            type: 'category',
            data: ['2-1', '2-2', '2-3', '2-4', '2-5', '2-6', '2-7', '2-8', '2-9', '2-10', '2-11', '2-12', '2-13', '2-14', '2-15', '2-16', '2-17', '2-18', '2-19', '2-20', '2-21', '2-22', '2-23', '2-24', '2-25', '2-26', '2-27', '2-28']
        },
        yAxis: { type: 'value' },
        series: [
            {
                data: [100,23428,657,0,0,15908,45,12063,0,0,1699,0,889,8,8,10911,297,1936,7,600,0,547,249,249,8301,999,999,15892],
                type: 'line',
                  smooth: true
            }
        ]
    };

    return (
        <>
            <>
                <EChartsReact option={option} style={{ width: '90%' }} />
            </>
        </>
    )
}

export default HomeEchart